<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<!-- 	<div>
		内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容
	</div>	

	<div style="width:800px;background-color:red;">
		内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容
	</div>

	<div style="width:100%;background-color:blue">
		内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容<br>
		宽度默认是和父元素宽度相等。
	</div>

	<div style="background-color:#ccc">
		内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容<br/>
		内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容<br/>
		高度由内容决定
	</div>

	<div style="height: 100px;background-color:#f0f;">
		内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容<br/>
		内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容<br/>
		高度由内容决定
	</div>

	<hr/>

	<span style="background-color: #fda;height: 100px;width:900px;">
	内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容
	无法设置宽度和高度;
	</span> -->



</body>
</html>